import React from "react";

import FontAwesome from "react-fontawesome";
import "./style.css";

import { FormattedMessage } from "react-intl";

export const ArticleTime = ({ create_time, update_time, color = "#369" }) => {
  return (
    <section className="ArticleTime">
      <h6
        className="ArticleTime-TimeTitle aside-title"
        style={{ color: color }}
      >
        <FontAwesome className="ArticleTime-TimeTitle-icon" name="clock-o" />
        <span style={{ color: color }}>
          <FormattedMessage id="Time" defaultMessage="Time" />
        </span>
      </h6>
      <ul>
        <li>
          <span className="ArticleTime-time">create </span>
          <span>{create_time}</span>
        </li>
        <li>
          <span className="ArticleTime-time">update </span>
          <span>{update_time}</span>
        </li>
        <li />
      </ul>
    </section>
  );
};
